
body {
    font-size:12px;
    color:#333;
}
/*   内容的样式  */

/*  头部  */
.top {
    width:100%;
    height:40px;
    line-height:40px;
    background:#eee url(logo.png) no-repeat 100px center;
}

.top > ul > li {
    margin:0 50px;
}
.menu {
    position: relative;
    top:0;
    left:0;
}

/*  个人中心  */
ul.menu-list {
    position: absolute;
    top:40px;
    left:-15px;
    width:100px;
    height:0px;
    border:1px solid #ccc;
    text-align:center;
    display:none;
    background:#FBF7E1;
    opacity: 0;
    overflow: hidden;



}

.menu-list li {
    border-bottom:1px solid #ccc;
}
.menu-list li a {
    display:block;
}
.menu-list li:hover {
    background:#fc0;
}
.menu-list li:last-child {
    border-bottom:none;
}



/*  登录弹出框   */

#screen {
    filter:alpha(opacity=0);
    opacity:0;
    z-index:9998;
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    background: black;
    display:none;
}

#login {
    width:350px;
    height:250px;
    border:1px solid #ccc;
    position:absolute;
    display:none;
    z-index:9999;
    background:#fff;
}
#login h2 {
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:14px;
    letter-spacing:1px;
    color:#666;
    background:url(login_header.png) repeat-x;
    margin:0;
    padding:0;
    border-bottom:1px solid #ccc;
    cursor:move;
}
#login h2 img {
    float:right;
    position:relative;
    top:14px;
    right:8px;
    cursor:pointer;
}
#login div.info {
    padding:15px 0 5px 0;
    text-align:center;
    color:maroon;
}
#login div.user, #login div.pass {
    font-size:14px;
    color:#666;
    padding:5px 0;
    text-align:center;
}
#login input.text {
    width:200px;
    height:25px;
    border:1px solid #ccc;
    background:#fff;
    font-size:14px;
}
#login .button {
    text-align:center;
    padding:15px 0;
}
#login input.submit {
    width:107px;
    height:30px;
    background:url(login_button.png) no-repeat left;
    border:none;
    cursor:pointer;
}
#login .other {
    text-align:right;
    padding:15px 10px;
    color:#666;
}

/*  注册 弹出框   */
#reg {
    width:600px;
    height:550px;
    border:1px solid #ccc;
    position:absolute;
    display:none;
    z-index:9999;
    background:#fff;
}
#reg h2 {
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:14px;
    letter-spacing:1px;
    color:#666;
    background:url(login_header.png) repeat-x;
    margin:0;
    padding:0;
    border-bottom:1px solid #ccc;
    cursor:move;
}
#reg h2 img {
    float:right;
    position:relative;
    top:14px;
    right:8px;
    cursor:pointer;
}
#reg dl {
    font-size:14px;
    color:#666;
    margin:20px;
    padding:0 0 0 10px;
    position:relative;


}
#reg dl dd {
    height: 30px;
    padding:5px 0;
}
#reg dl dd input.text,#reg dl dd select {
    width:200px;
    height:25px;
    border:1px solid #ccc;
    background:#fff;
    font-size:14px;
    color:#666;

}
#reg dl dd select {
    width:202px;
}
#reg dl dd.birthday select {
    width:70px;
}
#reg dl dd textarea {
    width:360px;
    height:100px;
    background:#ffffff;
    border:1px solid #ccc;
}
#reg dl dd.ps {
    padding:0 0 0 300px;
}
#reg dl dd.ps strong.num {
    padding:0 2px;
}
#reg dl dd.ps span.clear {
    color:#06f;
    cursor:pointer;
}
#reg dl dd input.submit {
    width:143px;
    height:33px;
    background: url(reg.png);
    border:none;
    cursor: pointer;
}

/*  注册 用户名   */
#reg dl dd  span.info,#reg dl dd  span.error,#reg dl dd  span.succ {
    display:block;
    font-size:12px;
    color:#333;
    width:165px;
    height:32px;
    line-height: 32px;
    position:absolute;
    padding:0 0 0 35px;
    letter-spacing: 1px;
    display:none;


}
#reg dl dd  span.info {
    background:url(reg_info.png) no-repeat;
}
#reg dl dd  span.error {
    background:url(reg_error.png) no-repeat;
}
#reg dl dd  span.succ {
    height:14px;
    line-height: 14px;
    background:url(reg_succ.png) no-repeat;
    padding:0 0 0 20px;
    color:green;
}
#reg dl dd span.loading {
    position:absolute;
    top:10px;
    left:300px;
    font-size:12px;
    background:url(loading2.gif) no-repeat;
    text-indent:22px;
    padding:1px 0 0 0;
    display:none;
}
#reg dl dd  span.info_user {
    height:43px;
    line-height: 18px;
    padding-top:7px;
    top:3px;
    left:295px;
    background:url(reg_info2.png) no-repeat;

}
#reg dl dd  span.error_user {
    top:3px;
    left:295px;

}
#reg dl dd  span.succ_user {
    top:12px;
    left:295px;
}

/*  注册 密码   */
#reg dl dd  span.info_pass {
    width:244px;
    height:102px;
    background:url(reg_info3.png) no-repeat;
    top:5px;
    left:295px;
    padding:4px 0 0 16px;
    letter-spacing: 0;


}
#reg dl dd  span.info_pass p {
    height:25px;
    line-height: 25px;
    color:#333;
}
#reg dl dd  span.info_pass p strong.s {
    color: #ccc;
}
#reg dl dd  span.error_pass {
    top:43px;
    left:295px;


}
#reg dl dd  span.succ_pass {
    top:52px;
    left:295px;

}
/*  注册 确定密码   */
#reg dl dd span.info_notpass {
    top:83px;
    left:295px;


}
#reg dl dd span.error_notpass{
    top:83px;
    left:295px;

}
#reg dl dd span.succ_notpass{
    top:92px;
    left:295px;

}
/*  注册 回答   */
#reg dl dd span.info_ans {
    top:163px;
    left:295px;
}
#reg dl dd span.error_ans {
    top:163px;
    left:295px;
}
#reg dl dd span.succ_ans {
    top:172px;
    left:295px;
}
/*  注册 邮件   */
#reg dl dd span.info_email {
    top:203px;
    left:295px;
}
#reg dl dd span.error_email {
    top:203px;
    left:295px;
}
#reg dl dd span.succ_email {
    top:212px;
    left:295px;
}
#reg dl dd span.error_ques {
    top:123px;
    left:295px;

}
#reg dl dd span.error_birthday {
    top:241px;
    left:350px;
}
#reg dl dd ul.all_email {
    width:180px;
    height:130px;
    background:#fff;
    padding:5px 10px;
    position:absolute;
    top:233px;
    left:87px;
    border:1px solid #ccc;
    display:none;
}
#reg dl dd ul.all_email li {
    height:25px;
    line-height:25px;
    border-bottom:1px solid #e5edf2;
    padding:0 5px;
    cursor:pointer;
}

/* 导航菜单 nav  */
#nav {
    width:465px;
    height:52px;
    background: url(nav_bg.png) no-repeat;
    margin:50px auto 0 auto;
    position:relative;

}
#nav ul {
    position: absolute;

}
#nav ul.black {
    left:20px;
    z-index:1;
    color:#333;
}
#nav ul.white {
    width:425px;
    z-index:3;
    color:#fff;
    left:0px;

}
#nav ul.about {
    z-index:4;
    left:20px;
    cursor:pointer;
    opacity: 0;
}
#nav ul li {
    width:85px;
    height:52px;
    float:left;
    text-align: center;
    line-height: 52px;
    font-weight: bold;
}

#nav div.nav_bg {
    display: block;
    width:85px;
    height:52px;
    background:url(nav_over.png) no-repeat 0 11px;
    position: absolute;
    left:20px;
    top:0px;
    z-index:2;
    overflow: hidden;
    opacity: 1;
    filter:alpha(opacity=100);


}

/* 网站主体  */

#main {
    width:900px;
    margin:50px auto;

}
#sidebar {
    width:250px;
    height:570px;
    float:left;



}
#sidebar h2 {
    width:248px;
    height:30px;
    line-height: 30px;
    background: url(side_h.png);
    text-indent: 10px;
    border:1px solid #ccc;
    border-bottom: none;
    margin:0;
}
#sidebar ul {
    height:150px;
    border:1px solid #ccc;
    margin:0 0 10px 0;
    overflow: hidden;
    background: #fff;

}
#sidebar ul li {
    height:30px;
    line-height:30px;
    text-indent: 20px;

}

#index {
    width:630px;
    height: 570px;
    position:relative;
    float:right;

}
#index span.loading {
    position:absolute;
    left:260px;
    top:260px;
    background:url(loading4.gif) no-repeat left;
    width:100px;
    height:20px;
    display:none;
}
#index div.content {
    opacity:0;
    filter:alpha(opacity=0);
}
#index div.content h2 {
    width:628px;
    height:30px;
    line-height:30px;
    font-size:14px;
    background:url(side_h.png);
    text-indent:10px;
    border:1px solid #ccc;
    border-bottom:none;
    margin:0;
}
#index div.content h2 em {
    float:right;
    font-style:normal;
    font-weight:normal;
    padding:0 10px 0 0;
}
#index div.content p {
    height:130px;
    border:1px solid #ccc;
    margin:0 0 10px 0;
    overflow:hidden;
    padding:10px;
    text-indent:24px;
    line-height:150%;
    background:#fff;
}

/* 轮播器 */

#banner {
    width:900px;
    height:150px;
    float:left;
    margin:10px 0;
    position: relative;
    overflow:hidden;

}
#banner img {
    display: block;
    position: absolute;
    top:0;
    left:0;
    z-index:1;

}
#banner ul {
    position:absolute;
    top:128px;
    left:420px;
    z-index:4;
}
#banner ul li {
    float:left;
    padding:0 5px;
    font-size:16px;
    color:#999;
    cursor:pointer;
}
#banner span {
    width:900px;
    height:25px;
    position:absolute;
    top:125px;
    left:0;
    background:#333;
    opacity:0.3;
    filter:alpha(opacity=30);
    z-index:3;
}
#banner strong {
    position:absolute;
    top:130px;
    left:10px;
    color:#fff;
    z-index:4;
}

/* 图片加载 */

#photo {
    width:900px;
    float:left;
    background:#fff;
    padding:10px 0 0 0;
}
#photo dl {
    width:225px;
    height:270px;
    float:left;
    margin:5px 0 15px 0;
}
#photo dl dt {
    width:200px;
    height:250px;
    margin:0 auto;
}
#photo dl dt img {
    display:block;
    cursor:pointer;
}
#photo dl dd {
    height:25px;
    line-height:25px;
    text-align:center;
}
#photo_big {
    width:620px;
    height:511px;
    border:1px solid #ccc;
    position:absolute;
    display:none;
    z-index:9999;
    background:#fff;
}
#photo_big h2 {
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:14px;
    letter-spacing:1px;
    color:#666;
    background:url(login_header.png) repeat-x;
    margin:0;
    padding:0;
    border-bottom:1px solid #ccc;
    cursor:move;
}
#photo_big h2 img {
    float:right;
    position:relative;
    top:14px;
    right:8px;
    cursor:pointer;
}
#photo_big .big {
    width:620px;
    height:460px;
    padding:10px 0 0 0;
    background:#333;
}
#photo_big .big img {
    display:block;
    margin:0 auto;
    position:relative;
    top:190px;
}
#photo_big .big strong {
    display:block;
    width:100px;
    height:100px;
    line-height:100px;
    text-align:center;
    background:#000;
    opacity:0;
    filter:alpha(opacity=0);
    font-size:60px;
    color:#fff;
    cursor:pointer;
    position:absolute;
}
#photo_big .big strong.sl {
    top:210px;
    left:20px;
}
#photo_big .big strong.sr {
    top:210px;
    right:20px;
}
#photo_big .big span {
    display:block;
    width:300px;
    height:450px;
    background:#000;
    opacity:0;
    filter:alpha(opacity=0);
    position:absolute;
    cursor:pointer;
}
#photo_big .big span.left {
    top:50px;
    left:10px;
}
#photo_big .big span.right {
    top:50px;
    right:10px;
}
#photo_big .big em {
    position:absolute;
    top:480px;
    right:20px;
    color:#fff;
    font-size:14px;
    font-style:normal;
}
/* 发表博文弹出框 */
#blog {
    width:580px;
    height:320px;
    border:1px solid #ccc;
    position:absolute;
    display:none;
    z-index:9999;
    background:#fff;
}
#blog h2 {
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:14px;
    letter-spacing:1px;
    color:#666;
    background:url(login_header.png) repeat-x;
    margin:0;
    padding:0;
    border-bottom:1px solid #ccc;
    cursor:move;
}
#blog h2 img {
    float:right;
    position:relative;
    top:14px;
    right:8px;
    cursor:pointer;
}
#blog div.info {
    padding:15px 0 5px 0;
    text-align:center;
    color:maroon;
}
#blog dl {
    padding:0 0 0 10px;
}
#blog dl dd {
    font-size:14px;
    padding:10px;
}
#blog dl dd input.title {
    width:200px;
    height:25px;
    border:1px solid #ccc;
    background:#fff;
    font-size:14px;
    color:#666;
}
#blog dl dd textarea.content {
    width:360px;
    height:100px;
    max-width:360px;
    max-height:100px;
    background:#fff;
    border:1px solid #ccc;
}
#blog dl dd input.submit {
    width:107px;
    height:33px;
    border:none;
    background:url(blog_button.png) no-repeat left;
    cursor:pointer;
}
/* 换肤弹出框 */

#skin {
    width:650px;
    height:360px;
    border:1px solid #ccc;
    position:absolute;
    display:none;
    z-index:9999;
    background:#fff;
}
#skin h2 {
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:14px;
    letter-spacing:1px;
    color:#666;
    background:url(login_header.png) repeat-x;
    margin:0;
    padding:0;
    border-bottom:1px solid #ccc;
    cursor:move;
}
#skin h2 img {
    float:right;
    position:relative;
    top:14px;
    right:8px;
    cursor:pointer;
}
#skin .skin_bg {
    position:relative;
}
#skin .skin_bg span.loading {
    position:absolute;
    top:140px;
    left:270px;
    width:100px;
    height:20px;
    background:url(loading4.gif) no-repeat;

}
#skin dl {
    float:left;
    padding:12px 0 0 12px;
}
#skin dl dt {
    display:block;
    cursor:pointer;
}
#skin dl dd {
    text-align:center;
    padding:5px 0 0 0;
    letter-spacing:1px;
}
/* footer */

#footer {
    width:900px;
    float:left;
    text-align:center;
    padding:5px;
}
#footer p {
    padding:5px;
}

/* 正在加载和成功的弹出框 */
#loading {
    position:absolute;
    width:200px;
    height:40px;
    background:url(login_header.png);
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    z-index:10000;
    display:none;
}
#loading p {
    height:40px;
    line-height:40px;
    font-size:14px;
    color:#666;
    font-weight:bold;
    background:url(loading3.gif) no-repeat 20px center;
    text-indent:50px;
}
#success {
    position:absolute;
    width:200px;
    height:40px;
    background:url(login_header.png);
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    z-index:10000;
    display:none;
}
#success p {
    height:40px;
    line-height:40px;
    font-size:14px;
    color:#666;
    font-weight:bold;
    background:url(success.gif) no-repeat 20px center;
    text-indent:50px;
}






